<template>
    <Swiper>
        <swiper-item v-for="item,index in banners" :key="index">
            <a :href="item.link">
                <img :src="item.image" :alt="item.title">
            </a>
        </swiper-item>
    </Swiper>
</template>

<script>
import {Swiper,SwiperItem} from 'components/common/swiper'
export default {
    name: 'HomeSwiper',
    props:{
      banners:{
          type: Array,
          default(){
              return []
          }
      }  
    },
    components:{
        Swiper,
        SwiperItem,
    }
}
</script>

<style>

</style>